<template>
	<div id="headTop">
		<top></top>
		<!-- <router-view></router-view> -->
		<p>{{$route.params.id}}</p>


	</div>

</template>

<script type="text/javascript">
	import top from '@/components/top'
	console.log(top);
	export default{
		name:'headTop',
		components:{
			top,
		},
		mounted:function(){
			console.log(this)
		}
	}
	
</script>
<style type="text/css" scoped>
	
	.router-link-active{
    color:red;
  }
  .router-link-exact-active{
color:red;
  }
</style>